#seckill{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    .seckill-header{
        height: .82rem;
        display: flex;
        justify-content: space-between;
        span{
            width: 50%;
            font: .3rem/.82rem "微软雅黑";
            color: #323232;
            text-align: center;
            font-weight: 400;
        }
        span.active{
            background: #fd3030;
            color: #fff;
        }
    }
    
    .seckill-main{
        flex: 1;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        .time{
            height: 2.24rem;
            text-align: center;
            border-bottom: 1px solid #e1e1e1;
            p:nth-child(1){
                margin-top: .35rem;
                font: bold .36rem "微软雅黑";
                color: #FD4030;
            }
            p:nth-child(2){
                margin-top: .15rem;
                font: .24rem "微软雅黑";
                color: #323232;
                span{
                    padding: .05rem;
                    background: #000;
                    color: #fff;
                    border-radius: .05rem;
                    margin: 0 .1rem;
                }
            }
            p:nth-child(3),p:nth-child(4){
                margin-top: .15rem;
                font: .24rem "微软雅黑";
                color: #FD4030;
            }
            
            
        }
        
        .single{
            height: 2.6rem;
            border-bottom: 1px solid #e1e1e1;
            .single-img{
                height: 2.6rem;
                width: 2.6rem;
                float: left;
                margin-right: .2rem;
            }
            .single-detail{
                float: right;
                width: 4.5rem;
                height: 2.6rem;
                position: relative;
                p:nth-child(1){
                    font: .28rem/.68rem "微软雅黑";
                    color: #323232;
                }
                p:nth-child(2){
                    font: .24rem "微软雅黑";
                    color: #323232;
                }
                p:nth-child(3){
                    font: .24rem "微软雅黑";
                    color: #323232;
                    
                    margin-top: .25rem;
                    span{
                        display: block;
                        float: left;
                        height: .36rem;
                        width: 2.2rem;
                        background: #ffc1b7;
                        font: .18rem/.38rem "微软雅黑";
                        color: #fff;
                        vertical-align: middle;
                        margin-right: .5rem;
                        border-radius: .18rem;
                        border: 1px solid #fc2f1a;
                        padding: 0 .15rem;
                        position: relative;
                        a{
                            color: #fff;
                            
                        }
                        a:nth-child(1){
                            float: left;
                            position: relative;
                            z-index: 100;
                        }
                        a:nth-child(2){
                            float: right;
                            z-index: 100;
                            position: relative;
                        }
                        a:nth-child(3){
                            position: absolute;
                            height: .36rem;
                            top: 0;
                            left: 0;
                            background: #FD4030;
                            border-radius: .18rem;
                            z-index: 0;
                            display: block;
                        }
                    }
                }
                p.rightNow{
                    position: absolute;
                    bottom: .9rem;
                    left: 0;
                    font: .24rem "微软雅黑";
                    color: #23b95a;
                }
                p.price{
                    position: absolute;
                    bottom: .3rem;
                    left: 0;
                    font: .3rem "微软雅黑";
                    color: #FF7916;
                    s{
                        margin-left: .16rem;
                        font: .24rem "微软雅黑";
                        color: #969696;
                    }
                }
                p.rightNow1{
                    color: #23b95a;
                }
                
                p.next{
                    color: #FF7916;
                }
                
                button{
                    height: .49rem;
                    width: 1.37rem;
                    background: #FD4030;
                    border-radius: .05rem;
                    font: .24rem "微软雅黑";
                    color: #fff;
                    position: absolute;
                    right: .08rem;
                    bottom: .25rem;
                }
                button.rightNow{
                    background: #23b95a;
                }
                button.next{
                    background: #FF7916;
                }
            }
        }
    }
    
}
